feat: move update button to sidebar footer as dismissable pill by Noojuno · Pull Request #1116 · pingdotgg/t3code

Noojuno · 2026-03-15T10:49:24Z

What Changed

Move the desktop update button from the sidebar header to the footer, displayed as a pill above the Settings button. The pill shows contextual states: "Update available", "Downloading (X%)", and "Restart to update".
Add a dismiss button that hides the notification until the next app launch.

Why

It was a little unclear when there was a new update available. This change is to increase clarity and make it very obvious when there is a new update.

UI Changes

Update process

Note: This process was mocked, so we didn't actually restart the app.

Screen.Recording.2026-03-15.at.11.33.42.PM.mov

Dismiss

Screen.Recording.2026-03-15.at.11.34.03.PM.mov

arm64 running intel warning

Checklist

This PR is small and focused
I explained what changed and why
I included before/after screenshots for any UI changes
I included a video for animation/interaction changes

Note

Move desktop update indicator to sidebar footer as a dismissable pill

Removes the update rocket button from the sidebar header and the ARM64-on-Intel warning alert from the content area in Sidebar.tsx.
Adds a new SidebarUpdatePill.tsx component rendered in the sidebar footer that shows update status (available, downloading with progress, or ready to restart) and supports download/install actions with toasts.
The pill is dismissable for the "update available" state until next launch.
The ARM64-on-Intel warning alert is now rendered inside SidebarUpdatePill above the pill.

^{Macroscope summarized 1aa4ce5.}

Note

Medium Risk
Moderate risk: refactors the Electron update UI and its event subscription/click handlers, which could affect update visibility and triggering download/install actions. Changes are UI-scoped but interact with desktopBridge update APIs.

Overview
Moves the Electron desktop update UI from a small header icon (and inline Apple Silicon Intel-build warning) into a new SidebarUpdatePill rendered in the sidebar footer.

The new pill subscribes to desktopBridge update state, shows status-specific labels (available, downloading with %, restart-to-update), triggers downloadUpdate/installUpdate with existing toast handling, and adds a dismiss control that hides the pill until next launch (while preserving the Apple Silicon warning alert).

^{Written by Cursor Bugbot for commit 1aa4ce5. This will update automatically on new commits. Configure here.}

coderabbitai · 2026-03-15T10:49:33Z

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro

Run ID: 5a770bd9-087a-47a1-929b-de69504bca53

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

🔍 Trigger review

✨ Finishing Touches

🧪 Generate unit tests (beta)

Create PR with unit tests

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

Move the desktop update button from the sidebar header to the footer, displayed as a pill above the Settings button. The pill shows contextual states: "Update available", "Downloading (X%)", and "Restart to update". Add a dismiss button that hides the notification until the next app launch.

Move all desktop update UI (pill + arm64 warning) into a single SidebarUpdatePill component that owns its own state subscription, action handlers, and dismiss logic. Removes ~220 lines from Sidebar.tsx.

Use the original Alert component with title and description for the arm64 Intel build warning, remove redundant action button since the update pill handles it, and match sidebar font size with text-xs.

Restore real bridge subscription and isElectron checks that were hardcoded for local testing.

cursor

Cursor Bugbot has reviewed your changes and found 1 potential issue.

^{Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.}

cursor · 2026-03-24T21:18:42Z

apps/web/src/components/sidebar/SidebarUpdatePill.tsx

+        <div
+          className={`group/update relative flex w-full items-center rounded-full text-xs font-medium bg-sky-400/15 text-sky-400${
+            disabled ? " cursor-not-allowed opacity-60" : ""
+          }`}


Update pill lacks visual differentiation for error states

Low Severity

The pill always renders with bg-sky-400/15 text-sky-400 styling regardless of state. The old code used shouldHighlightDesktopUpdateError to apply text-rose-500 animate-pulse for error states (download/install failures), visually alerting users something went wrong. The new pill drops that import entirely, making shouldHighlightDesktopUpdateError dead code in production (only referenced in tests). Additionally, when state.status is "error" with errorContext === "download", the pill label reads "Update available" rather than indicating a retry, since it falls through to the default branch. The tooltip provides correct error context, but the primary visible label is misleading for error-retry scenarios.

Additional Locations (1)

apps/web/src/components/sidebar/SidebarUpdatePill.tsx#L166-L171

github-actions bot added size:M 30-99 changed lines (additions + deletions). vouch:trusted PR author is trusted by repo permissions or the VOUCHED list. size:L 100-499 changed lines (additions + deletions). and removed size:M 30-99 changed lines (additions + deletions). labels Mar 15, 2026

eggfriedrice24 approved these changes Mar 15, 2026

View reviewed changes

UtkarshUsername approved these changes Mar 24, 2026

View reviewed changes

Noojuno added 4 commits March 25, 2026 09:56

refactor(web): extract SidebarUpdatePill into self-contained component

b42450e

Move all desktop update UI (pill + arm64 warning) into a single SidebarUpdatePill component that owns its own state subscription, action handlers, and dismiss logic. Removes ~220 lines from Sidebar.tsx.

feat(web): restore arm64 warning Alert UI in update pill

2003d74

Use the original Alert component with title and description for the arm64 Intel build warning, remove redundant action button since the update pill handles it, and match sidebar font size with text-xs.

chore(web): remove test mocks from SidebarUpdatePill

1aa4ce5

Restore real bridge subscription and isElectron checks that were hardcoded for local testing.

Noojuno force-pushed the feat/sidebar-update-pill branch from 1303272 to 1aa4ce5 Compare March 24, 2026 21:09

cursor bot reviewed Mar 24, 2026

View reviewed changes

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

feat: move update button to sidebar footer as dismissable pill#1116

feat: move update button to sidebar footer as dismissable pill#1116
Noojuno wants to merge 4 commits intopingdotgg:mainfrom
Noojuno:feat/sidebar-update-pill

Noojuno commented Mar 15, 2026 •

edited by macroscopeapp bot

Loading

Uh oh!

coderabbitai bot commented Mar 15, 2026 •

edited

Loading

Review skipped

Uh oh!

cursor bot left a comment

Uh oh!

cursor bot Mar 24, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

Conversation

Noojuno commented Mar 15, 2026 • edited by macroscopeapp bot Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

What Changed

Why

UI Changes

Update process

Dismiss

arm64 running intel warning

Checklist

Move desktop update indicator to sidebar footer as a dismissable pill

Uh oh!

coderabbitai bot commented Mar 15, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Review skipped

Uh oh!

cursor bot left a comment

Choose a reason for hiding this comment

Uh oh!

cursor bot Mar 24, 2026

Choose a reason for hiding this comment

Update pill lacks visual differentiation for error states

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

Noojuno commented Mar 15, 2026 •

edited by macroscopeapp bot

Loading

coderabbitai bot commented Mar 15, 2026 •

edited

Loading